<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>牛股相随主页</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
    <!-- Google fonts - Poppins-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,600">
    <!-- Lightbox-->
    <link rel="stylesheet" href="vendor/lightbox2/css/lightbox.css">
    <!-- Custom font icons-->
    <link rel="stylesheet" href="css/fontastic.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="css/custom.css">
    <link rel="stylesheet" href="./css/inedx.css">
    <!-- Loading CSS -->
    <link rel="stylesheet" href="./css/loading.css">
    <!-- Head Logo -->
    <link rel="icon" type="image/x-icon" href="./img/Head-logo.png" />
    <!-- BTN Style -->
    <link rel="stylesheet" href="./css/btn.css">
    <!-- 引入echart -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
    <!-- 引入swiper -->
    <link rel="stylesheet" href="./css/swiper.css">

    <link rel="stylesheet" href="./css/footOtherLG.css">
    <!-- Tweaks for older IEs-->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>

<body>



    <!-- 加载动画 -->

    <div id="loading">
        <div id="loading_bg">
            <div class="loader">Loading...</div>
        </div>
    </div>








    <!-- navbar-->
    <header class="header">
        <nav class="navbar navbar-expand-lg fixed-top">
            <div class="container">
                <a href="#" class="navbar-brand img-logo"><img src="img/longlogo.png" alt="" class="img-fluid " draggable="false"></a>
                <button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right">Menu<i class="fa fa-bars ml-2"></i></button>
                <div id="navbarSupportedContent" class="collapse navbar-collapse  ">
                    <ul class="navbar-nav ml-auto">
                        <!-- Link-->
                        <li class="nav-item"> <a href="index.html" class="nav-link active">首页</a></li>
                        <!-- Link-->
                        <li class="nav-item">
                            <a href="faq.html" class="nav-link">股票入门</a>
                        </li>
                        <!-- Link-->
                        <li class="nav-item"> <a href="text.html" class="nav-link">概念板块</a></li>
                        <!-- link -->
                        <li class="nav-item"> <a href="adr.html" class="nav-link">新闻股票联动展示</a></li>
                        <!-- Link-->
                        <li class="nav-item"> <a href="contact.html" class="nav-link">联系我们</a></li>
                        <!-- <li class="nav-item dropdown"><a id="pages" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">Dropdown</a>
                            <div class="dropdown-menu"><a href="faq.html" class="dropdown-item">FAQ</a><a href="contact.html" class="dropdown-item">Contact</a><a href="text.html" class="dropdown-item">Text Page</a></div>
                        </li> -->
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <!-- Hero Section-->
    <section class="hero">
        <div class="container mb-5">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <h1 class="hero-heading mb-0">Here comes <br> the bull market</h1>
                    <div class="row">
                        <div class="col-lg-10">
                            <p class="lead text-muted mt-4 mb-4 quotes">大海是死的，没有生命的，而股市是人参与的，有思想有生命的。因此股价的变化实际是人心的变化，要问股价是涨还是落，就要问人的心理是涨还是落。<br> <span class="celebrity"> ——— by 左安龙</span>
                            </p>
                        </div>
                    </div>
                    <br>
                    <form action="#" class="subscription-form">
                        <div class="form-group">
                            <input type="email" name="email" placeholder="请输入要查询的股票" class="form-control">
                            <button type="submit" class="btn btn-primary">搜索</button>
                        </div>
                    </form>
                </div>
                <div class="col-lg-6">
                    <div class="swiper">
                        <ul class="pic">
                            <li class="now">
                                <a href="#"><img src="" alt="" /></a>
                            </li>
                            <li class="next">
                                <a href="#"><img src="" alt="" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="" alt="" /></a>
                            </li>
                            <li>
                                <a href="#"><img src="" alt="" /></a>
                            </li>
                        </ul>
                        <ol class="cricle"></ol>
                        <div class="btns">
                            <a href="javascript:;" class="leftbtn" style="float: left; margin-left: 6px;"></a>
                            <a href="javascript:;" class="rightbtn" style="float: right; margin-right: 6px;"></a>
                        </div>
                        <div class="leftBox"></div>
                        <div class="rightBox"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Intro Section-->
    <section>
        <div class="container">
            <div class="text-center">
                <h2>Track projects from start to finish </h2>
                <p class="lead text-muted mt-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p><a href="#" class="btn btn-primary">Learn More</a>
            </div>
            <div class="row">
                <div class="col-lg-7 mx-auto mt-5"><img src="img/illustration-1.svg" alt="..." class="intro-image img-fluid"></div>
            </div>
        </div>
    </section>
    <!-- Divider Section-->
    <section class="bg-primary text-white">
        <div class="container">
            <div class="text-center">
                <h2>Do great things together</h2>
                <div class="row">
                    <div class="col-lg-9 mx-auto">
                        <p class="lead text-white mt-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. eiusmod tempor incididunt ut labore et dolore.</p>
                    </div>
                </div><a href="#" class="btn btn-outline-light">Learn More</a>
            </div>
        </div>
    </section>
    <!-- Integrations Section-->
    <section>
        <div class="container">
            <div class="text-center">
                <h2>我们的优势</h2>
                <div class="row">
                    <div class="col-lg-8 mx-auto">
                        <p class="lead text-muted mt-2">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. eiusmod tempor incididunt ut labore.</p>
                    </div>
                </div>
            </div>
            <div class="integrations mt-5">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><img src="img/monitor.svg" alt="..." class="img-fluid"></div>
                            <h3 class="h4">权 威</h3>
                            <p class="text-small font-weight-light">背靠《新闻联播》，收视率高，覆盖率广，具有权威，影响力大</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><i class="fa fa-database fa-3x" aria-hidden="true"></i> </div>
                            <h3 class="h4">海 量</h3>
                            <p class="text-small font-weight-light">数据量大,基于400万条数据进行分析</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><img src="img/chat.svg" alt="..." class="img-fluid"></div>
                            <h3 class="h4">UX</h3>
                            <p class="text-small font-weight-light">关护小白，设置股票问题界面，回答股票基本问题</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><img src="img/idea.svg" alt="..." class="img-fluid"></div>
                            <h3 class="h4">严 谨</h3>
                            <p class="text-small font-weight-light">范围精确，专注沪深股市，提高预测准确度</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><img src="img/coffee-cup.svg" alt="..." class="img-fluid"></div>
                            <h3 class="h4">UI</h3>
                            <p class="text-small font-weight-light">界面清晰，数据可视化展示，简洁大方，清晰明了</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="box text-center">
                            <div class="icon d-flex align-items-end"><img src="img/pen.svg" alt="..." class="img-fluid"></div>
                            <h3 class="h4">独特</h3>
                            <p class="text-small font-weight-light">独特创新，区别于传统预测平台，狭义内无竞品</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>







    <!-- toTOP -->

    <div id="btn">
        <img src="./img/arrow.png" alt="">
    </div>






    <!-- CLients Section-->
    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <div class="footer-logo"><img src="./img/logo.png" alt="..." class="img-fluid" draggable="false"></div>
                </div>
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <h5 class="footer-heading">站内导航</h5>
                    <ul class="list-unstyled">
                        <li> <a href="index.html" class="footer-link">首页</a></li>
                        <li> <a href="faq.html" class="footer-link">股票入门</a></li>
                        <li> <a href="contact.html" class="footer-link">联系我们</a></li>
                        <li>
                            <a href="text.html" class="footer-link">概念板块</a>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-3 mb-5 mb-lg-0">
                    <h5 class="footer-heading">其他产品</h5>
                    <ul class="list-unstyled">
                        <li> <a href="#" class="footer-link">牛股相随</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                        <li> <a href="#" class="footer-link">待开发</a></li>
                    </ul>
                </div>
                <div class="col-lg-3">
                    <h5 class="footer-heading">资源网站</h5>
                    <ul class="list-unstyled">
                        <li> <a href="https://www.eastmoney.com/" class="footer-link">东方财富网</a></li>
                        <li> <a href="http://www.chmprinht.com/" class="footer-link">中国股票网</a></li>
                        <li> <a href="https://stock.cngold.org/" class="footer-link">金投网</a></li>
                        <li> <a href="#" class="footer-link">....</a></li>
                    </ul>
                </div>


                <div id="Qr_code">
                    <div><img src="" alt=""></div>
                    <div><img src="" alt=""></div>
                    <div><img src="" alt=""></div>
                </div>


                <div id="fl">
                    <img src="./img/QQ.png" alt="">
                    <img src="./img/WeChat.png" alt="">
                    <img src="./img/Sina weibo.png" alt="">
                </div>

            </div>
        </div>
        <div class="copyrights">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 text-center text-lg-left">
                        <p class="copyrights-text mb-3 mb-lg-0">版权 &copy; 2021</p>
                    </div>
                    <div class="col-lg-6 text-center text-lg-right">
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- JavaScript files-->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/jquery/bootstrap-4.2.1.js"></script>
    <script src="vendor/jquery.cookie/jquery.cookie.js"></script>
    <script src="vendor/lightbox2/js/lightbox.min.js"></script>
    <script src="js/front.js"></script>
    <script src="./js/loading.js"></script>
    <script src="./js/cbtt.js"></script>
    <script src="./js/swiper.js"></script>
</body>
</html